<template>
  <div class="view_page weizhi">
    <el-card
      class="box-card"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-spinner="el-icon-loading"
      element-loading-background="rgba(0, 0, 0, 0.8)"
    >
      <!--卡片头部-->
      <div slot="header" class="clearfix">
        <!--左侧-->
        <div class="left">
          <div class="back-page">
            <div class="add-back" @click="back">
              <i class="fa fa-arrow-left" aria-hidden="true"></i>
              <span v-if="this.addtype == 'add'">新增监测站点</span>
              <span v-else>修改监测站点</span>
            </div>
          </div>
        </div>
        <div class="right">
          <el-button type="primary" @click="save('add')" v-if="addtype == 'add'"
            >保存</el-button
          >
          <el-button
            type="primary"
            @click="save('update')"
            v-if="addtype == 'update'"
            >保存</el-button
          >
        </div>
        <!-- 显示：{{ is_eq_TF }}--站点类型是几:{{ is_num }} -->
      </div>
      <!--卡片内容-->
      <div class="card-centont">
        <el-form :model="liveData" label-width="170px">
          <el-form-item label="站点名称" :required="true">
            <el-input
              v-model="liveData.name"
              placeholder="请输入站点名称"
            ></el-input>
          </el-form-item>
          <el-form-item label="站点类型" :required="true">
            <el-select
              filterable
              v-model="liveData.type"
              placeholder="请选择站点类型"
            >
              <el-option
                v-for="item in site_typeData"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <!-- <el-form-item label="设备名称" v-if="is_eq_type">
						<el-select v-model="liveData.device_id" @change="changeequipmentName" placeholder="请选择设备名称">
							<el-option v-for="item in equipment_typeData" :key="item.id" :label="item.name"
								:value="item.id">
							</el-option>
						</el-select>
					</el-form-item> -->

          <!-- <div v-if="point_array.length!=0">
						<el-form-item :label="item.name" v-for="(item,index) in point_array" :key="index">
							<div style="display: flex;">
								<el-input placeholder="请输入测点编号" v-model="item.number" clearable disabled>
								</el-input>
								<el-input placeholder="请输入最小值" v-model="item.min" clearable style="margin-left: 10px;"
									disabled>
								</el-input>
								<el-input style="margin-left: 10px;" placeholder="请输入最大值" v-model="item.max" clearable
									disabled>
								</el-input>
							</div>
						</el-form-item>
					</div> -->
          <el-form-item label="选择地区">
            <el-cascader
              class="cascader"
              v-model="selelected2"
              :options="area"
              :props="props2"
              clearable
              :popper-class="'hide'"
              ref="areaRef"
              @change="changeArea"
            ></el-cascader>
          </el-form-item>
          <el-form-item label="选择工程">
            <el-cascader
              class="cascader"
              v-model="selelected"
              :options="options"
              :props="props"
              clearable
              :popper-class="'hide'"
              @change="changeCity"
              ref="cascade"
            ></el-cascader>
          </el-form-item>

          <!-- 	<el-form-item label="河流类型">
						<el-select v-model="liveData.river_type" @change="changeclassType" placeholder="请选择河流类型">
							<el-option v-for="item in river_typeData" :key="item.id" :label="item.name"
								:value="item.id">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item :label="is_type_name" v-if="is_type">
						<el-select v-model="liveData.river_id" filterable @change="changeclassDate"
							:placeholder="is_type_placeholder">
							<el-option v-for="item in river_idData" :key="item.id" :label="item.name" :value="item.id">
							</el-option>
						</el-select>
					</el-form-item> -->
          <el-form-item label="站点位置" :required="true">
            <el-button type="primary" @click="openMap"
              >请选择站点位置</el-button
            >

            {{ map_data.poiname }}
          </el-form-item>
        </el-form>
      </div>
    </el-card>
    <el-dialog
      title="选择站点位置"
      :visible.sync="dialogVisible"
      :modal-append-to-body="false"
      :destroy-on-close="true"
      center
    >
      <iframe
        id="mapPage"
        width="100%"
        height="520px"
        frameborder="0"
        :src="map_src"
      >
      </iframe>
      <!-- src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=CYQBZ-VGPK4-7JKUQ-XPE3E-SSN3H-EXFVJ&referer=myapp" -->
      <span slot="footer">
        <el-button @click="closeMap">取 消</el-button>
        <el-button type="primary" @click="submitMap">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import axios from "axios";
import qs from "qs";
import { Message } from "element-ui";
import ckeditor from "@/components/common/ckeditor/ckeditor";

export default {
  name: "liveAdd",
  components: {
    ckeditor
  },
  data() {
    return {
      // userInfo: JSON.parse(
      //   localStorage.getItem(this.$apis.getLocalKey().loginPersonnelInformation)
      // ),

      // userInfo: JSON.parse(
      // 	localStorage.getItem(this.$apis.getLocalKey().loginPersonnelInformation)
      // ),
      // userInfo_id: JSON.parse(
      // 	localStorage.getItem(this.$apis.getLocalKey().loginPersonnelInformation)
      // ).data.id,
      loading: false,
      //站点类型
      site_typeData: [],
      //河流类型
      river_typeData: [
        {
          id: 1,
          name: "河流"
        },
        {
          id: 2,
          name: "水库"
        }
      ],
      is_type: false,
      is_type_name: "",
      is_type_placeholder: "",
      river_idData: [], //河流/水库id

      // 设备分类列表
      equipment_typeData: [],
      is_eq_type: false,

      is_eq_TF: false, // 要不要显示
      is_num: null, // 站点类型是几
      is_eq: false, // true普通  false水质

      is_eq_pt_name: "",
      number1: "",
      max1: "",
      mix1: "",
      is_eq_sz_name1: "",
      number2: "",
      max2: "",
      mix2: "",
      is_eq_sz_name2: "",
      number3: "",
      max3: "",
      mix3: "",
      is_eq_sz_name3: "",
      number4: "",
      max4: "",
      mix4: "",
      is_eq_sz_name4: "",
      number5: "",
      max5: "",
      mix5: "",
      is_eq_sz_name5: "",
      number6: "",
      max6: "",
      mix6: "",
      is_eq_sz_name6: "",
      number7: "",
      max7: "",
      mix7: "",
      is_eq_sz_name7: "",
      number8: "",
      max8: "",
      mix8: "",
      is_eq_sz_name8: "",
      number9: "",
      max9: "",
      mix9: "",
      is_eq_sz_name9: "",
      number10: "",
      max10: "",
      mix10: "",
      is_eq_sz_name10: "",

      warns: [], //预警值对象

      //富文本文档类型
      liveData: {
        name: "",
        type: "",
        json_pro: "",
        json_rivers: "",
        location: ""
        // river_id: "",
        // river_name: "",
        // address: ""
      },
      addtype: "",

      dialogVisible: false,
      form: {
        //省市区ID
        id_area: [0, 0, 0],
        address: "",
        lng: "",
        lat: ""
      },
      map_src: "",
      map_data: {
        url:
          "https://mapapi.qq.com/web/mapComponents/locationPicker/v/index.html?search=1&type=1&key=CYQBZ-VGPK4-7JKUQ-XPE3E-SSN3H-EXFVJ&referer=app name",
        address: "",
        lng: "",
        lat: "",
        poiname: ""
      },
      //设备数组
      point_array: [],

      //地区工程多选
      // 选择工程

      options: [],
      props: {
        multiple: true,
        expandTrigger: "click"
      },
      area: [],
      props2: {
        multiple: true,
        expandTrigger: "click"
      },
      selelected: [],
      selelected2: []
    };
  },
  created() {
    var _this = this;
    _this.addtype = _this.$route.query.type;
    _this.getoptionsData(); //选择工程级联列表
    _this.getareaData(); //选择地区级联列表
    // 腾讯地图
    window.addEventListener(
      "message",
      function(event) {
        // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
        var loc = event.data;
        if (loc && loc.module == "locationPicker") {
          // console.log("location:", loc);
          _this.map_data.address = loc.poiaddress;
          _this.map_data.lat = loc.latlng.lat;
          _this.map_data.lng = loc.latlng.lng;
          _this.map_data.poiname = loc.poiname;
        }
      },
      false
    );
    this.map_src =
      "https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=CYQBZ-VGPK4-7JKUQ-XPE3E-SSN3H-EXFVJ&referer=myapp name&coord=35.937224,116.47024";

    if (this.addtype == "add") {
      _this.initData();
      _this.gettypeData(); //设备类型
    }
    if (_this.addtype == "update") {
      // 设备类型
      _this.$apis.safe_type_list().then(res => {
        if (res.result == 0) {
          _this.site_typeData = res.data;
        }
      });

      _this.liveData = _this.$route.query.data;
      // _this.point_array = _this.liveData.warns
      // 地区级联列表回显
      let twoDArray2 = [];
      twoDArray2 = _this.liveData.json_rivers.map((item, index) => {
        return ([index] = [item.river_type, item.river_id]);
      });
      _this.selelected2 = twoDArray2;

      // 工程级联列表回显
      let twoDArray = [];
      twoDArray = _this.liveData.json_pro.map((item, index) => {
        return ([index] = [item.pro_type, item.pro_id]);
      });
      _this.selelected = twoDArray;

      console.log("liveData:", this.liveData);

      // 腾讯地图回显
      if (_this.liveData.location != "" && _this.liveData.location != null) {
        var Mapdata = JSON.parse(_this.liveData.location);
        console.log("Mapdata:", Mapdata);
        this.map_data = Mapdata;
        var lat = Mapdata.lat;
        var lng = Mapdata.lng;
        let mat_url = this.map_data.url;
        if (lat && lng) {
          mat_url += "&coord=" + lat + "," + lng;
        }
        this.map_src = mat_url;
        console.log("map_src:", this.map_src);
      }

      // 设备名称列表
      // var datas = {
      // 	type: _this.liveData.type_id
      // };
      // _this.$apis.safe_site_device_list(datas).then(res => {
      // 	if (res.result == 0) {
      // 		_this.equipment_typeData = res.data;
      // 		_this.is_eq_type = true;
      // 	}
      // });

      // var datas_t = {
      // 	id: _this.liveData.device_id
      // }
      // this.$apis.equipment_point(datas_t).then(res => {
      // 	if (res.result == 0) {
      // 		var dataArr = res.data
      // 		_this.point_array = dataArr
      // 	}
      // })
    }
  },
  beforeDestroy() {
    clearInterval(this.null);
  },
  methods: {
    // 工程级联选择
    changeCity(items) {
      // console.log(items, this.$refs["cascade"].currentLabels);
      // console.log(this.$refs["cascade"].getCheckedNodes(items));
      let itemArr = [];
      this.$refs["cascade"].getCheckedNodes(items).map(item => {
        itemArr.push({
          pro_type: item.pathNodes[0].value,
          pro_id: item.pathNodes[1].value,
          name: item.pathLabels[0],
          pro_name: item.pathLabels[1]
        });
      });
      this.liveData.json_pro = itemArr;
    },
    // 地区级联选择
    changeArea(items) {
      let itemArr2 = [];
      this.$refs["areaRef"].getCheckedNodes(items).map(item => {
        itemArr2.push({
          river_type: item.pathNodes[0].value,
          river_id: item.pathNodes[1].value,
          name: item.pathLabels[0],
          river_name: item.pathLabels[1]
        });
      });
      this.liveData.json_rivers = itemArr2;
    },
    // 级联选择
    handleChange(val) {
      // console.log("val:", val, this.preValue);
      let aMap = new Map(); // 父类
      let bv = []; // 要留下的
      val.forEach(valItem => {
        if (!aMap.has(valItem[0])) {
          aMap.set(valItem[0], valItem[1]);
        } else {
          // 重复项
          let old = this.preValue.find(preValueItem =>
            preValueItem.includes(valItem[0])
          );
          // 新 ： 旧
          bv = [
            valItem[0],
            valItem[1] == old[1] ? aMap.get(valItem[0]) : valItem[1]
          ];
        }
      });
      if (bv.length) {
        let narr = val.filter(item => item[0] !== bv[0]); // [[1, 2], [2, 3]]
        narr.push(bv); // [3, 4]
        this.selelected = narr;
        this.preValue = narr;
      } else {
        this.selelected = val;
        this.preValue = val;
      }
    },
    // 选择地区级联列表
    getareaData() {
      var _this = this;
      _this.$apis.unitywebpc_address_list().then(res => {
        if (res.result == 0) {
          _this.area = res.data;
        }
      });
    },
    // 选择工程级联列表
    getoptionsData() {
      var _this = this;
      _this.$apis.unitywebpc_engine_list().then(res => {
        if (res.result == 0) {
          _this.options = res.data;
        }
      });
    },
    initData() {
      this.liveData = {
        name: "",
        type_id: "",
        device_id: "",
        river_type: "",
        river_id: "",
        river_name: "",
        address: ""
      };
    },
    //地图选点确定
    submitMap() {
      // console.log("map_data:", this.map_data);
      if (this.map_data.lat === "" || this.map_data.lng === "") {
        this.$message.error("请先选择地址！");
        return;
      }
      this.dialogVisible = false;
    },
    openMap() {
      this.dialogVisible = true;
    },
    closeMap() {
      this.dialogVisible = false;
      // this.map_data = {
      //   url:
      //     "https://mapapi.qq.com/web/mapComponents/locationPicker/v/index.html?search=1&type=1&key=CYQBZ-VGPK4-7JKUQ-XPE3E-SSN3H-EXFVJ&referer=app name",
      //   address: "",
      //   lng: "",
      //   lat: "",
      //   poiname: ""
      // };
    },

    save(addtype) {
      var _this = this;
      var datas = _this.liveData;
      datas.user = _this.userInfo_id;
      // console.log("save-datas:", datas);
      if (datas.name == "") {
        Message.error("站点名称不能为空");
        return;
      }
      if (datas.type == "" || datas.type == null || datas.type == undefined) {
        Message.error("站点类型不能为空");
        return;
      }
      // if (this.selelected2 == "" || this.selelected2.length == 0) {
      //   Message.error("地区不能为空");
      //   return;
      // }
      datas.json_pro = JSON.stringify(datas.json_pro);
      // if (this.selelected == "" || this.selelected.length == 0) {
      //   Message.error("工程不能为空");
      //   return;
      // }
      datas.json_rivers = JSON.stringify(datas.json_rivers);
      if (this.map_data.lat == "" || this.map_data.lng == "") {
        Message.error("请选择位置坐标");
        return;
      }
      datas.location = JSON.stringify(_this.map_data);
      console.log(datas);

      if (addtype == "add") {
        _this.$apis.v2_safe_add(datas).then(res => {
          if (res.result == 0) {
            Message.success("添加成功");
            _this.$router.back();
          }
        });
      } else {
        datas.id = _this.$route.query.data.id;
        _this.$apis.v2_safe_update(datas).then(res => {
          if (res.result == 0) {
            Message.success("修改成功");
            _this.$router.back();
          }
        });
      }
    },

    // 站点类型
    changeequipmentType(val) {
      var _this = this;
      // console.log("站点类型:", val);
      _this.is_num = val; //站点类型是几

      _this.point_array = [];
      _this.liveData.device_id = "";
      // 设备名称列表
      var datas = {
        type: val
      };
      _this.$apis.safe_site_device_list(datas).then(res => {
        if (res.result == 0) {
          _this.equipment_typeData = res.data;
          _this.is_eq_type = true;
        }
      });
      _this.is_eq_TF = false;
    },
    // 设备名称
    changeequipmentName(val) {
      var _this = this;
      this.point_array = [];
      var datas = {
        id: val
      };
      this.$apis.equipment_point(datas).then(res => {
        if (res.result == 0) {
          var dataArr = res.data;

          _this.point_array = dataArr;
        }
      });
    },
    changeclassDate(val) {
      var _this = this;
      // console.log("河湖名称:", val);
      //取出河湖列表里的id的那条数据所有的信息
      var obj = _this.river_idData.find(function(obj) {
        return obj.id == val;
      });
      _this.liveData.river_name = obj.name;
    },
    // 河流类型
    changeclassType(val) {
      var _this = this;
      _this.liveData.river_id = null;
      _this.river_idData = [];
      if (val == 1) {
        _this.is_type_name = "河流名称";
        _this.is_type_placeholder = "请选择河流";
        _this.$apis.equipment_river_list().then(res => {
          if (res.result == 0) {
            _this.river_idData = res.data;
            _this.is_type = true;
          }
        });
      } else if (val == 2) {
        _this.is_type_name = "水库名称";
        _this.is_type_placeholder = "请选择水库";
        _this.$apis.equipment_reservoir_list().then(res => {
          if (res.result == 0) {
            _this.river_idData = res.data;
            _this.is_type = true;
          }
        });
      } else {
        _this.is_type_name = "";
        _this.is_type_placeholder = "";
        console.log("河流/水库类型有误！");
      }
    },
    // 设备类型
    gettypeData() {
      var _this = this;
      var datas = {
        page: _this.page,
        size: 999
      };
      _this.$apis.safe_type_list(datas).then(res => {
        if (res.result == 0) {
          _this.site_typeData = res.data;
        }
      });
    },
    // 输入校验
    PTmax1() {
      var _this = this;
      let checkPlan = "" + _this.max1;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max1 = checkPlan;
    },
    PTmix1() {
      var _this = this;
      let checkPlan = "" + _this.mix1;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix1 = checkPlan;
    },
    SZmax2() {
      var _this = this;
      let checkPlan = "" + _this.max2;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max2 = checkPlan;
    },
    SZmix2() {
      var _this = this;
      let checkPlan = "" + _this.mix2;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix2 = checkPlan;
    },
    SZmax3() {
      var _this = this;
      let checkPlan = "" + _this.max3;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max3 = checkPlan;
    },
    SZmix3() {
      var _this = this;
      let checkPlan = "" + _this.mix3;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix3 = checkPlan;
    },
    SZmax4() {
      var _this = this;
      let checkPlan = "" + _this.max4;
      // checkPlan = checkPlan
      //   .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
      //   .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
      //   .replace(/^\./g, "") // 保证第一个为数字而不是.
      //   .replace(".", "$#$")
      //   .replace(/\./g, "")
      //   .replace("$#$", ".");
      // if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
      //   // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
      //   checkPlan = parseFloat(checkPlan) + "";
      // } else if (checkPlan.indexOf(".") >= 0) {
      //   checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      // }
      _this.max4 = checkPlan;
    },
    SZmix4() {
      var _this = this;
      let checkPlan = "" + _this.mix4;
      // checkPlan = checkPlan
      //   .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
      //   .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
      //   .replace(/^\./g, "") // 保证第一个为数字而不是.
      //   .replace(".", "$#$")
      //   .replace(/\./g, "")
      //   .replace("$#$", ".");
      // if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
      //   // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
      //   checkPlan = parseFloat(checkPlan) + "";
      // } else if (checkPlan.indexOf(".") >= 0) {
      //   checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      // }
      _this.mix4 = checkPlan;
    },
    SZmax5() {
      var _this = this;
      let checkPlan = "" + _this.max5;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max5 = checkPlan;
    },
    SZmix5() {
      var _this = this;
      let checkPlan = "" + _this.mix5;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix5 = checkPlan;
    },
    SZmax6() {
      var _this = this;
      let checkPlan = "" + _this.max6;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max6 = checkPlan;
    },
    SZmix6() {
      var _this = this;
      let checkPlan = "" + _this.mix6;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix6 = checkPlan;
    },
    SZmax7() {
      var _this = this;
      let checkPlan = "" + _this.max7;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max7 = checkPlan;
    },
    SZmix7() {
      var _this = this;
      let checkPlan = "" + _this.mix7;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix7 = checkPlan;
    },
    SZmax8() {
      var _this = this;
      let checkPlan = "" + _this.max8;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max8 = checkPlan;
    },
    SZmix8() {
      var _this = this;
      let checkPlan = "" + _this.mix8;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix8 = checkPlan;
    },
    SZmax9() {
      var _this = this;
      let checkPlan = "" + _this.max9;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max9 = checkPlan;
    },
    SZmix9() {
      var _this = this;
      let checkPlan = "" + _this.mix9;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix9 = checkPlan;
    },
    SZmax10() {
      var _this = this;
      let checkPlan = "" + _this.max10;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.max10 = checkPlan;
    },
    SZmix10() {
      var _this = this;
      let checkPlan = "" + _this.mix10;
      checkPlan = checkPlan
        .replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
        .replace(/^\./g, "") // 保证第一个为数字而不是.
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".");
      if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        checkPlan = parseFloat(checkPlan) + "";
      } else if (checkPlan.indexOf(".") >= 0) {
        checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
      }
      _this.mix10 = checkPlan;
    },

    //查看
    onlyLook(url) {
      window.open(url);
    },
    back() {
      this.$router.back();
    }
  }
};
</script>

<style scoped>
.weizhi .el-dialog__body {
  height: 500px;
}
/*.hide {
	  .el-cascader-menu:first-of-type {
	    .el-cascader-node {
	      .el-checkbox {
	        display: none;
	      }
	    }
	  }
	}*/
</style>
<style lang="scss" scoped>
/deep/ .el-cascader__tags .el-tag .el-icon-close {
  display: none;
}
</style>
